var Hole = {
    holes:[],
    newHole:function(width,length,downConnection){
        return holes.push({
            width:width,
            length:length,
            downConnection:downConnection})-1;
    },
    displayTheHole:function(hole,lefx,topy,width){
        canvas.fillStyle = "white";
        //canvas.fillRect(lefx,topy,width,);
        // let lefx = 200;
        // let rgtx = 400;
        // let upy = 20;
        // let downy = 500;
        let wid = rgtx-lefx;let hei = downy-upy;
        // canvas.fillStyle = "red";
        // for(let i in people){
        //     if(people[i] == null) continue;
        //     canvas.beginPath();
        //     canvas.arc(lefx+wid*people[i].x/holeMaxX,upy+wid*people[i].y/holeMaxX,wid*1/holeMaxX+0.3,0,2*Math.PI);
        //     canvas.fill();
        // }
        canvas.fillStyle = "black";
        for(let i in people){
            if(people[i] == null) continue;
            canvas.beginPath();
            canvas.arc(lefx+wid*people[i].x/holeMaxX,upy+wid*people[i].y/holeMaxX,wid*1/holeMaxX,0,2*Math.PI);
            canvas.fill();
        }
        canvas.beginPath();
        drawLine(lefx,upy,lefx,downy);
        drawLine(rgtx,upy,rgtx,downy);
    }
}